<template>
  <section class="video-server">
    <div class="interaction-area">
      <video-room></video-room>
      <chat-room></chat-room>
    </div>
    <div class="task-area">
      <process-control></process-control>
    </div>
  </section>
</template>

<script>
import room from './room.vue'
import chat from './chat.vue'
import process from './process.vue'
export default {
  components: {
    'video-room': room,
    'chat-room': chat,
    'process-control': process
  }
}
</script>

<style lang="less" scoped>
.video-server{
  display: flex;
}
</style>
